<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
	<meta charset="utf-8">
	<title>云文档————个人中心</title>
</head>
	<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
	<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
	<style type="text/css">
		body{
			width: 100%;
			height: 100%;
			background-image: linear-gradient(to right,#FC5C7D,#6A82FB);
			text-align: center;
		}
		.zt{
			width: 55%;
			min-height: 600px;
			background: #4C83FF;
			margin: auto;
			border-radius: 10px;
		}
		.tx{
			width: 30%;
			height: 200px;
			background: url('http://q1.qlogo.cn/g?b=qq&nk=1661993235&s=640') no-repeat;
			background-size: cover;
			float: left;
			border-radius: 47%;
		}
	</style>
<body onload="hqxx()">
	<img src="img/fh.png" style="position: absolute;left: 19%;cursor: pointer;" onclick="window.history.back()">
	<div class="zt">
		<div class="tx" id="tx"></div>
		<h1 style="margin-left: 30%; color: 
#FFDB01; min-width: 40%;min-height: 48px;background: #FD6585;margin-left: 40%;border-radius: 12px;" id='zh'></h1>
<h1 style="margin-left: 30%; color: 
#CA26FF; min-width: 40%;min-height: 48px;background: #FFF3B0;margin-left: 40%;border-radius: 12px;" id="jf"></h1>
<h1 style="margin-left: 30%; color: 
#FDD819; min-width: 40%;min-height: 48px;background: #E80505;margin-left: 40%;border-radius: 12px;" id="nc"></h1>
<p style="float:left;max-width: 30%;min-height: 50px;background: green;margin-left: 2%;font-size: 30px;border-radius: 15px;" id="zcsc"></p><h1 style="margin-left: 30%; color: 
#2AFADF; min-width: 40%;min-height: 48px;background: #9933FF;margin-left: 40%;border-radius: 12px;" id="QQ"></h1>
<h1 style="margin-left: 30%; color: 
#00CC00; min-width: 40%;min-height: 48px;background: #99CCFF;margin-left: 40%;border-radius: 12px;" id="sl"></h1>
<h1 style="margin-left: 30%; color: 
#CCCCFF; min-width: 40%;min-height: 48px;background: #6666FF;margin-left: 40%;border-radius: 12px;" id="VIP"></h1>
<h1 style="margin-left: 30%; color: 
red; min-width: 40%;min-height: 48px;background: #FFCC00;margin-left: 40%;border-radius: 12px;" id="sf"></h1>
<p style="float:left;max-width: 35%;min-height: 50px;background: #99CCFF;margin-left: 2%;font-size: 30px;border-radius: 15px;margin-left: -30%; margin-top: 10%;" id="IP"></p><h1 style="margin-left: 30%; color: 
white; min-width: 40%;min-height: 48px;background: #00e500;margin-left: 40%;border-radius: 12px;" id="dlsj"></h1>
<h1 style="margin-left: 30%; color: 
#000000; min-width: 40%;min-height: 48px;background: #00BFFF;margin-left: 40%;border-radius: 12px;" id="zcsj"></h1>
	</div>
</body>
</html>
<script type="text/javascript">
	function hqxx(){
		var zh=$.cookie('user');
		var mm=$.cookie('pass');
		$.post("denglu.php",{
			user:zh,
			pass:mm
		},
		function (data){
			if(data.msg=="登录成功"){
				document.getElementById("tx").style.background="url('http://q1.qlogo.cn/g?b=qq&nk=2020743133&s=640') no-repeat";
				document.getElementById("tx").style.backgroundSize="100% 100%";
				document.getElementById("zh").innerHTML="账号："+zh;
				document.getElementById("jf").innerHTML="当前积分："+data.jf;
				document.getElementById("nc").innerHTML="昵称："+data.nc;
				document.getElementById("QQ").innerHTML="QQ："+data.QQ;
				document.getElementById("sl").innerHTML="可用文档数："+data.sl;
				document.getElementById("dlsj").innerHTML="最近登录时间："+data.dlsj;
				document.getElementById("zcsj").innerHTML="注册时间："+data.zc;
				document.getElementById("zcsc").innerHTML="你已注册："+data.zcsc+"秒<br>"+data.zcf+"分<br>"+data.zcs+"小时<br>"+data.zczs+"周<br>"+data.zcyfs+"月<br>"+data.zcn+"年";
				document.getElementById("IP").innerHTML="当前IP："+returnCitySN["cip"];
				if(data.vip=="false"){
				document.getElementById("VIP").innerHTML="尚未开通VIP";
			}else{
				document.getElementById("VIP").innerHTML="VIP："+data.vip;
			}
			if(data.power=="true"){
				document.getElementById("sf").innerHTML="身份：最高指挥官";
			}else{
				document.getElementById("sf").innerHTML="身份：用户";
			}
			}
		},"json");
	}
</script>